
//年度盘点
.wea-wr-portrait-year-inventory-container{
    .left-arrow,.right-arrow{
      height: 72px;
      width: 72px;
      position: absolute;
      top: 50%;
      background-color: #F1F1F1;
      font-size: 36px;
      display: flex;
      justify-content: center;
      align-items: center;
      color:#BCBCBC;
    }
    .left-arrow{
      left: 10px;
    }
    .right-arrow{
      right: 10px;
    }
    .arrow-able{
        background-color: #BCBCBC;
        color:white;
    }
    
    .wea-wr-portrait-year-inventory-show-page-step{
        width:2px;
        background-color: #CBD0D3;
        position: relative;
    }
    .wea-wr-portrait-year-inventory-show-page-step-item,.wea-wr-portrait-year-inventory-show-page-step-item-active{
        border-radius: 50%;
        background-color: #CBD0D3;
        width: 13px;
        height: 13px;
        position: absolute;
        left:-5.5px;
        cursor: pointer;
        .wea-wr-portrait-year-inventory-show-page-step-item-text{
            position: absolute;
            left: 20px;
            width:50px;
        }
    }
    .wea-wr-portrait-year-inventory-show-page-step-item-active{
        border-radius: 50%;
        width: 13px;
        height: 13px;
        position: absolute;
        left:-5.5px;
        background: #FFFFFF;
        border: 1px solid #2DB7F5;
    }
    .wea-wr-portrait-year-inventory-show-page-blank{
        display:flex;
        justify-content: center;
        align-items: center;
        font-weight:bold;
    }
}
  
  .wea-wr-portrait-year-inventory-view{
      width:100%;
      height:100%;

    background-color: #ffce2a;
    .wea-wr-portrait-year-inventory-show-page-item-name{
        width:100%;
        // position: absolute; /*脱离文档流*/
        // top: 4%; /*偏移*/
        height: 3em;
        line-height: 3em;
        font-size: 2em;
        color: #4A2421;
        vertical-align: middle;
        float: left;
        transition: all 1s ease-out;
        text-align: center;
    }
    .wea-wr-portrait-year-inventory-show-page-item-welcome{
        width: 100%;
        // height: 550px;
        // background: url(images/welcome.png) no-repeat;
        background-size: 100% 100%;
        font-size: 1.45em;
        color: black;
        text-align: center;
        img{
            width:100%;
            height:100%;
        }
    }
    
  }

  .wea-wr-portrait-year-inventory-show-page-item{
    position: relative;
    width:100%;
    height: 100%;
    background-color: #ffce2a;
    .wea-wr-portrait-year-inventory-show-page-item-name{
        width:100%;
        // position: absolute; /*脱离文档流*/
        // top: 4%; /*偏移*/
        height: 3em;
        line-height: 3em;
        font-size: 2em;
        color: #4A2421;
        vertical-align: middle;
        float: left;
        transition: all 1s ease-out;
        text-align: center;
    }
    .wea-wr-portrait-year-inventory-show-page-item-welcome{
        width: 100%;
        // height: 550px;
        // background: url(images/welcome.png) no-repeat;
        background-size: 100% 100%;
        font-size: 1.45em;
        color: black;
        text-align: center;
        img{
            width:100%;
            height:100%;
        }
    }
    .wea-wr-portrait-year-inventory-show-page-item-head-img{
        img{
            width: 100%;
            height: 100%;
        }
    }
    .wea-wr-portrait-year-inventory-show-page-item-main-img{
        img{
            width: 100%;
            height: 100%;
        }
    }
    .wea-wr-portrait-year-inventory-show-page-item-keyword{
        height: 2em;
        text-align: center;
        font-size: 1.5em;
    }
    .wea-wr-portrait-year-inventory-show-page-item-keyword-value{
        color: #DB2121;
        font-size: 1.25em;
        font-weight: bold;
    }
    .wea-wr-portrait-year-inventory-show-page-item-bottom{
        position: relative;
        min-height:120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .wea-wr-portrait-year-inventory-show-page-item-bottom-text{
            font-size: 1.5em;
        }
        
    }
}


  .wea-wr-portrait-year-inventory-show-page{
    display: flex;
    justify-content: center;
    align-items: center;
    
  }

  .wea-wr-portrait-year-inventory-show-page-phone{
    // width: 330px;
    // height: 660px;
    background-color: #ffce2a;
    padding:20px;
    position: relative;
    .wea-wr-portrait-year-inventory-show-page-phone-img{
        position: absolute;
    z-index: 1;
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;}
    .wea-wr-portrait-year-inventory-show-page-item{
        position: relative;
        width:100%;
        height: 100%;
        background-color: #ffce2a;
        .wea-wr-portrait-year-inventory-show-page-item-name{
            width:100%;
            // position: absolute; /*脱离文档流*/
            // top: 4%; /*偏移*/
            height: 3em;
            line-height: 3em;
            font-size: 2em;
            color: #4A2421;
            vertical-align: middle;
            float: left;
            transition: all 1s ease-out;
            text-align: center;
        }
        .wea-wr-portrait-year-inventory-show-page-item-welcome{
            width: 100%;
            // height: 550px;
            // background: url(images/welcome.png) no-repeat;
            background-size: 100% 100%;
            font-size: 1.45em;
            color: black;
            text-align: center;
            img{
                width:100%;
                height:100%;
            }
        }
        .wea-wr-portrait-year-inventory-show-page-item-head-img{
            img{
                width: 100%;
                height: 100%;
            }
        }
        .wea-wr-portrait-year-inventory-show-page-item-main-img{
            img{
                width: 100%;
                height: 100%;
            }
        }
        .wea-wr-portrait-year-inventory-show-page-item-keyword{
            height: 2em;
            text-align: center;
            font-size: 1.5em;
        }
        .wea-wr-portrait-year-inventory-show-page-item-keyword-value{
            color: #DB2121;
            font-size: 1.25em;
            font-weight: bold;
        }
        .wea-wr-portrait-year-inventory-show-page-item-bottom{
            position: relative;
            min-height:120px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            .wea-wr-portrait-year-inventory-show-page-item-bottom-text{
                font-size: 1.5em;
            }
            
        }
    }
    .wea-wr-portrait-year-inventory-show-page-summary{
        width:100%;
        height:100%;
        position: relative;
        img{
            position: absolute;
            width:100%;
            height:100%;
            z-index: 0;
        }
        .wea-wr-portrait-year-inventory-show-page-summary-text-area{
            z-index: 999;
            // padding-top:240px;
            padding-left: 20px;
            font-size: 16px;
            .wea-wr-portrait-year-inventory-show-page-summary-text-left{
                text-align: center;
                margin-top: 5px;
            }
            .wea-wr-portrait-year-inventory-show-page-summary-text-right{
                text-align: center;
                margin-top: 5px;
            }
            .wea-wr-portrait-year-inventory-show-page-summary-title{
                font-weight: bold;
                margin-top: 5px;
            }
        }
    }
  }